import React, { memo } from 'react'

import { RecommendWrapper,Content,RecommendLeft,RecommendRight } from "./style";
import HjTopBanner from "./c-cpns/top-banner";
import HjHotRecommend from "./c-cpns/hot-recommend";
import HjNewAlbum from "./c-cpns/new-album";
import HjRecommendRanking from "./c-cpns/recommend-ranking";

function HjRecommend() {

  return (
    <RecommendWrapper>
        <HjTopBanner/>
        <Content className="wrap-v2">
            <RecommendLeft>
              <HjHotRecommend/>
              <HjNewAlbum/>
              <HjRecommendRanking/>
            </RecommendLeft>
            <RecommendRight>
              <div className="login">
                <p>登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机</p>
                <a href="/#">用户登录</a>
              </div>
            </RecommendRight>
        </Content>
    </RecommendWrapper>
  )


}

// const mapStateToProps = state =>({
//   banners:state.recommend.banner.banners
// })

// const mapDispatchToProps = dispatch =>({
//    getBanner:()=>{
//      dispatch(getBannerAction)
//    }
// })

// export default connect(mapStateToProps,mapDispatchToProps)(memo(HjRecommend))
export default memo(HjRecommend)